* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  position: relative;
  width: 100%;
  /*height: 100%;*/
  /* color: #505050; */
  /*line-height: 1.75em;*/
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  overflow-x: hidden;
  /*filter: drop-shadow(0 0 10px white);*/
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB",
    "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI",
    "Microsoft YaHei", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: #303030;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 2.5em;
}

h3 {
  font-size: 2em;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.75em;
}

ul {
  margin-bottom: 0;
}

ul li {
  list-style: none;
}

/* .main-header {
  position: fixed;
  top: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 80px;
  padding: 0 60px;
  background-color: #161f2a;
  z-index: 2000;
}

.main-right {
  float: right;
  display: flex;
  margin-right: 100px;
}

.main-avatar {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
} */

.home-article-title:hover {
  color: cadetblue;
}

.icon {
  width: 20px;
  height: 20px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.pointer {
  cursor: pointer;
}
